@mixin hover-model($position: relative) {
  position: $position;

  &::after {
    content: '';
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--hover);
  }
}

@mixin scroll-bar {
  &::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: transparent;
    z-index: 999999999;
  }

  &::-webkit-scrollbar-thumb {
    background-color: rgb(204, 207, 208);
    border-radius: 10px;

    &:hover {
      background-color: rgb(179, 181, 181);
    }
  }
}
